// 创建用户相关的小仓库
import { defineStore } from "pinia";
// 引入接口
import { reqLogOut, reqLogin, reqUserInfo } from "@/api/user";
import type { UserState } from "./types/type";
import { GET_TOKEN, SET_TOKEN, REMOVE_TOKEN } from "@/utils/token";
// 引入路由（常量路由）
import { constantRoute } from "@/router/routers";
import type { loginFormData, loginResponseData, userInfoResponseData } from "@/api/user/type";

let useUserStore = defineStore('User', {
  // 小仓库存放数据的地方
  state: (): UserState => {
    return {
      token: GET_TOKEN(),//用户唯一标识token
      menuRoutes: constantRoute,//仓库存储生成菜单需要数组（路由）  
      username: '',
      avatar: '',
    }
  },
  // 异步处理逻辑的地方
  actions: {
    // 用户登录方法
    async userLogin(data: loginFormData) {
      // 登录请求
      let result: loginResponseData = await reqLogin(data)

      // 登录请求：成功200->token
      // 登陆失败：失败201->登陆失败错误的信息
      if (result.code === 200) {
        // pinia仓库存储token
        // 由于pinia||vuex存储数据其实是利用js对象
        this.token = (result.data as string)
        SET_TOKEN((result.data as string))
        // 本地存储持久化一点
        // console.log(result.data.token);
        return 'ok'
      } else {
        return Promise.reject(new Error(result.data))
      }

    },
    // 获取用户信息的方法
    async userInfo() {
      //获取用户信息【用户头像】 
      let result:userInfoResponseData = await reqUserInfo()
      // console.log(result);
      // 如果获取用户信息成功，存储下用户信息
      if (result.code == 200) {
        this.username = result.data.name
        this.avatar = result.data.avatar
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }


    },
    // 退出用户登录方法
    async userLoginOut() {
      let result:any = await reqLogOut()
      if (result.code == 200) {
        // 目前没有mock接口：退出登录接口（通知服务器本地用户唯一标识失效）
        this.token = ''
        this.username = ''
        this.avatar = ''
        REMOVE_TOKEN()
        return 'ok'
      } else { 
        return Promise.reject(new Error(result.message))
      }
    },
  },
  getters: {

  }
})
// 对外暴露获取小仓库方法
export default useUserStore